<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>WelCome</title>
<link rel="stylesheet" href="css/jquery.mobile-1.3.2.min.css" />
<link rel="stylesheet" href="css/shadow.css" />
<style>
html, body {
    height: 100%;
}
.ui-body-b{
position:absolute;
height:100%;
}
  .ui-page, .ui-mobile-viewport {
	background: url(css/images/tiling_stripes.gif);
}
.menuButtons{
	width:95%;
	height:70%;
	margin-left:4%;
}
.drop-shadow{
margin-bottom:-3%;
}
</style>

<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript">

$(document).ready(function(){	
	 $.mobile.ajaxEnabled = false;
});

window.history.forward();
function noBack(){window.history.forward();}

</script>
<script type="text/javascript" src="js/jquery.mobile-1.3.2.min.js"></script>

</head>
<body onload="noBack();" onpageshow="if (event.persisted) noBack();" onunload="">
<div data-role="page">

<div class="ui-body-b"style="margin-left:25%; width:50%;">

<%if(session.getAttribute("userrole").equals("superadmin") || session.getAttribute("userrole").equals("admin")) {%>
<div style="width:100%;height:15%;">
	<div class="drop-shadow raised" style="float:left; width: 39%;height: 42%;">
	<a href="weightmachine" data-icon="star" data-iconpos="right" class="menuButtons" data-role="button" data-theme="e">Weighmachine Entry</a>
	</div>
<div class="drop-shadow raised" style="float:right;width: 39%;height: 42%;">
<a href="userentry" data-icon="star" data-iconpos="right" class="menuButtons" data-role="button" data-theme="e">DEO</a>
</div>
</div>
<div style="width:100%;height:15%;">
<div class="drop-shadow raised" style="float:left;width: 39%;height: 42%;">
<a href="searchanything" data-icon="star" data-iconpos="right" class="menuButtons" data-role="button" data-theme="e">Search Anything</a>
</div>
<div class="drop-shadow raised" style="float:right;width: 39%;height: 42%;">
<a href="welcomelab" data-icon="star" data-iconpos="right" class="menuButtons" data-role="button" data-theme="e">Lab User</a>
</div>
</div>
<div style="width:100%;height:14%;">
<div class="drop-shadow raised" style="float:left;width: 39%;height: 42%;">
<a href="adddeluser" data-icon="star" data-iconpos="right" class="menuButtons" data-role="button" data-theme="e">Add or delete User</a>
</div>
<div class="drop-shadow raised" style="float:right;width: 39%;height: 42%;">
<a href="registeruser" data-icon="star" data-iconpos="right" class="menuButtons" data-role="button" data-theme="e">Register yourself</a>
</div>
</div>
<div style="width:100%;height:14%;">
<div class="drop-shadow raised" style="float:left;width: 39%;height: 42%;">
<a href="downloadbusiness" data-icon="star" data-iconpos="right" class="menuButtons" data-role="button" data-theme="e">Download Business</a>
</div>
<div class="drop-shadow raised" style="float:right;width: 39%;height: 42%;">
<a href="downloaduserinfo" data-icon="star" data-iconpos="right" class="menuButtons" data-role="button" data-theme="e">Download User info</a>
</div>
</div>

<div style="width:100%;height:14%;">
<div class="drop-shadow raised" style="float:left;width: 39%;height: 42%;">
<a href="viewanalysisreport" data-icon="star" data-iconpos="right" class="menuButtons" data-role="button" data-theme="e">View Analysis Report</a>
</div>
<div class="drop-shadow raised" style="float:right;width: 39%;height: 42%;">
<a href="changeCredentialspage" data-icon="star" data-iconpos="right" class="menuButtons" data-role="button" data-theme="e">Change credentials</a>
</div>
</div>

<div style="width:100%;height:14%;">
<div class="drop-shadow raised" style="float:left; width: 39%;height: 42%;">
<a href="viewusernamepass" data-icon="star" data-iconpos="right" class="menuButtons" data-role="button" data-theme="e">View User Name</a>
</div>
<div class="drop-shadow raised" style="float:right;width: 39%;height: 42%;">
<a href="scanbarcodedata" data-icon="star" data-iconpos="right" class="menuButtons" data-role="button" data-theme="e">View Barcode Data</a>
</div>
</div>


<div style="width:100%;height:14%;">
<div class="drop-shadow raised" style="float:left; width: 39%;height: 42%;">
<a href="tareweightentry" data-icon="star" data-iconpos="right" class="menuButtons" data-role="button" data-theme="e">Enter Tare Weight</a>
</div>
<div class="drop-shadow raised" style="float:right; width: 39%;height: 42%;">
<a href="logout" data-icon="star" data-iconpos="right" class="menuButtons" data-role="button" data-theme="e">Logout</a>
</div>
</div>

<%}else if(session.getAttribute("userrole").equals("deo")) {%>
<div style="width:100%;height:20%;">
<div class="drop-shadow raised" style="float:right;width: 39%;height: 42%;">
<a href="userentry" data-icon="star" data-iconpos="right" class="menuButtons" data-role="button" data-theme="e">DEO</a>
</div>
<div class="drop-shadow raised" style="float:right;width: 39%;height: 42%;">
<a href="registeruser" data-icon="star" data-iconpos="right" class="menuButtons" data-role="button" data-theme="e">Register yourself</a>
</div>
</div>
<div style="width:100%;height:20%;">
<div class="drop-shadow raised" style="margin-left:25%; width: 39%;height: 42%;">
<a href="changeCredentialspage" data-icon="star" data-iconpos="right" class="menuButtons" data-role="button" data-theme="e">Change credentials</a>
</div>
</div>	

<div style="width:100%;height:14%;">
<div class="drop-shadow raised" style="margin-left:25%; width: 39%;height: 42%;">
<a href="logout" data-icon="star" data-iconpos="right" class="menuButtons" data-role="button" data-theme="e">Logout</a>
</div>
</div>	

<%}else if(session.getAttribute("userrole").equals("labuser")) {%>
<div style="width:100%;height:20%;">
<div class="drop-shadow raised" style="float:right;width: 39%;height: 42%;">
<a href="welcomelab" data-icon="star" data-iconpos="right" class="menuButtons" data-role="button" data-theme="e">Lab User</a>
</div>
<div class="drop-shadow raised" style="float:right;width: 39%;height: 42%;">
<a href="registeruser" data-icon="star" data-iconpos="right" class="menuButtons" data-role="button" data-theme="e">Register yourself</a>
</div>
</div>
<div style="width:100%;height:20%;">
<div class="drop-shadow raised" style="margin-left:25%; width: 39%;height: 42%;">
<a href="changeCredentialspage" data-icon="star" data-iconpos="right" class="menuButtons" data-role="button" data-theme="e">Change credentials</a>
</div>
</div>	

<div style="width:100%;height:14%;">
<div class="drop-shadow raised" style="margin-left:25%; width: 39%;height: 42%;">
<a href="logout" data-icon="star" data-iconpos="right" class="menuButtons" data-role="button" data-theme="e">Logout</a>
</div>
</div>	

<%}else if(session.getAttribute("userrole").equals("weightmachine")) { %>
<div style="width:100%;height:20%;">
<div class="drop-shadow raised" style="float:right;width: 39%;height: 42%;">
<a href="weightmachine" data-icon="star" data-iconpos="right" class="menuButtons" data-role="button" data-theme="e">Weighmachine Entry</a>
</div>
<div class="drop-shadow raised" style="float:right;width: 39%;height: 42%;">
<a href="registeruser" data-icon="star" data-iconpos="right" class="menuButtons" data-role="button" data-theme="e">Register yourself</a>
</div>
</div>
<div style="width:100%;height:20%;">
<div class="drop-shadow raised" style="float:right; width: 39%;height: 42%;">
<a href="tareweightentry" data-icon="star" data-iconpos="right" class="menuButtons" data-role="button" data-theme="e">Enter Tare Weight</a>
</div>
<div class="drop-shadow raised" style="float:right; width: 39%;height: 42%;">
<a href="changeCredentialspage" data-icon="star" data-iconpos="right" class="menuButtons" data-role="button" data-theme="e">Change credentials</a>
</div>
</div>	

<div style="width:100%;height:14%;">
<div class="drop-shadow raised" style="margin-left:25%; width: 39%;height: 42%;">
<a href="logout" data-icon="star" data-iconpos="right" class="menuButtons" data-role="button" data-theme="e">Logout</a>
</div>
</div>	

<%} %>


</div>
</div>
</body>
</html>
